<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/swiper-4.2.2.min.css" />
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_633731_3luwtpv85llyp66r.css" />
		<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=b1d5638ebb2c733955ecb693676c397e"></script>
		<link rel="stylesheet" href="css/an.css" />
	</head>
	<body>
		<!--头部-->
		<div id="top">
			<div class="top-content">
				<p class="top-1">全国服务热线：400-000-0000</p>
				<p class="top-2">设为首页 </p>
				<p class="top-2">加入收藏 </p>
			</div>
		</div>
		<!--头部-->
		
		<!--导航部分-->
		<div class="nav-color">
			<div id="nav">
				<div class="nav-left">
					<img src="img/logo.png" alt="" />
					<div class="logo-p">
						<p class="left-1">TK科技有限公司</p>
						<p class="left-2">cer dcd keo Holdings Co., Ltd.</p>
					</div>				
				</div>
				<div class="nav-right">
					<ul>
						<li><a href="index.html" >首页<br/>Home</a></li>
						<li><a href="product.html">关于我们<br/>About</a></li>
						<li><a href="detail.html">产品中心<br/>Products</a></li>
						<li><a href="">服务支持<br/>Service</a></li>
						<li><a href="">新闻中心<br/>News</a></li>
						<li><a href="">在线商店<br/>Shop</a></li>
						<li><a href="">联系我们<br/>Contact Us</a></li>
					</ul>
				</div>
			</div>	
		</div>
		<!--导航部分-->
		
		<!--轮播图部分-->
		<div id="banner">
			<div class="swiper-container">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide"><img src="img/首页_03.jpg" alt="" /></div>
			        <div class="swiper-slide"><img src="img/首页_03.jpg" alt="" /></div>
			        <div class="swiper-slide"><img src="img/首页_03.jpg" alt="" /></div>
			        
			    </div>
			    <!-- 如果需要分页器 -->
			  
    <div class="swiper-pagination"></div>
			    
			    <!-- 如果需要导航按钮 -->
			    <div class="swiper-button-prev"></div>
			    <div class="swiper-button-next"></div>

		</div>
		<!--轮播图部分-->
		
		<!--内容部分-->
		<div id="content">
			<div class="content-left">
				<div class="lf-top">
					<img src="img/tb-1.png" alt="" />
					<h3>新闻中心</h3>
					<p>NEWS.CENTER</p>
					<div class="bd"></div>					
				</div>
				<img src="img/ssj-1_03.jpg" alt="" />				
				<h4>CeBIT 2015</h4>
				<div class="lf-left"><img src="img/首页_03_03.jpg" alt="" /></div>
				<div class="lf-right">
					<p>创新ICT共建全联接世界德国汉诺威展览中心</p>
					<p>3月16日-20日</p>
				</div>
				<div class="clear"></div>
				<div class="lf-bottom">
					<ul>
						<li><span>•</span>上海国际智能建筑展览会</li>
						<li><span>•</span>2014德国柏林国际消费类电子产品展览会</li>
						<li><span>•</span>2014中国（贵阳）公告安全防范产品博览会</li>
					</ul>
				</div>
			</div>
			<div class="content-middle">
				<div class="md-top">
					<img src="img/tb-2.png" alt="" />
					<h3>新品发布</h3>
					<p>NEW.PRODUCTS</p>
					<div class="bd"></div>
				</div>
				<img src="img/ssj-2_05.jpg" alt="" />
				
				
				
				<div class="md-content">
					<div class="swiper-container">
					    <div class="swiper-wrapper">
					        <div class="swiper-slide"><img src="img/首页_03_05.jpg" alt="" /></div>
					        <div class="swiper-slide"><img src="img/首页_03_05.jpg" alt="" /></div>
					        <div class="swiper-slide"><img src="img/首页_03_05.jpg" alt="" /></div>
					    </div>
					   
					    <!-- 如果需要分页器 -->
    					<div class="swiper-pagination"></div>
					    <!-- 如果需要导航按钮 -->
					    <div class="swiper-button-prev"></div>
					    <div class="swiper-button-next"></div>
					    
					  
					</div>
				</div>
				
				
				
				<p class="md-p1">s6213w-y</p>
				<p class="md-p2">海思3518E方案，多码流技术，百万高清</p>
			</div>
			<div class="content-right">
				<div class="rg-top">
					<img src="img/tb-3.png" alt="" />
					<h3>新品发布</h3>
					<p>NEW.PRODUCTS</p>
					<div class="bd"></div>
				</div>
				<img src="img/ssj-3_07.jpg" alt="" />	
				<p class="rg-img"><img src="img/首页2_03.jpg" alt="" /></p>
				<div class="rg-bg">
					<p>"siepem"品牌是广州市TK科技有限公司推出的自有品牌</p>
				</div>
			</div>
		</div>
		<!--内容部分-->
		
		<!--关于我们-->	
		<div class="about-us">
			<h3>关于我们</h3>
			<div class="about-us-top">
				<span class="bd-1"></span>
				<span>STORE DISPLAY</span>
				<span class="bd-2"></span>
			</div>
			
			<div class="big-box">
				<div class="clear"></div>
				<div class="ab-content">
					<p>广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品持续为客户创造最大价值。 </p>
				</div>				
				<div class="content-pic">
					<div class="button-left"></div>
					<div class="button-right"></div>
					<div class="pic">
						<img src="img/pic-1_09.jpg" alt="" />
						<img src="img/pic-2_11.jpg" alt="" />
						<img src="img/pic-1_09.jpg" alt="" />
						<img src="img/pic-2_11.jpg" alt="" />
						<img src="img/pic-3_13.jpg" alt="" />
						<img src="img/pic-1_09.jpg" alt="" />
						<img src="img/pic-2_11.jpg" alt="" />
					</div>
					
					
				</div>
			</div>
		</div>	
		<!--关于我们-->
		
		<!--联系我们部分-->
		<div class="about-us contact-us">
			<h3>联系我们</h3>
			<div class="about-us-top">
				<span class="bd-1"></span>
				<span>STORE DISPLAY</span>
				<span class="bd-2"></span>
			</div>
		</div>
		
		<div id="contact-us">
			<div class="contact-content">
				<div class="content-left">
					<div class="ct-left">
						<img src="img/erweima_03.jpg" alt="" />
						<p>微信扫一扫</p>
						<p>关注我们相关的信息</p>
					</div>
					<div class="ct-right">
						<p><span><img src="img/c-1.png" alt="" /></span>服务热线：400-000-0000</p>
						<p><span><img src="img/c-6.png" alt="" /></span>联  系  人：某先生</p>
						<p><span><img src="img/c-3.png" alt="" /></span>公司邮箱：www.tk.com</p>
						<p><span><img src="img/c-4.png" alt="" /></span>公司传真：000-12345678</p>
						<p><span><img src="img/c-5.png" alt="" /></span>邮政编码：467000</p>
						<p><span><img src="img/c-2.png" alt="" /></span>公司地址：广州市某某区某某路某号</p>
					</div>
					<!--地图部分-->
					<div id="dt"></div>
					<!--地图部分-->
					
					
					
				</div>
				
				<div class="content-right">
					<form action="" id="r-form">
						<label for="name" class="label-1">昵称</label>
						<input type="text"  id="name" placeholder="请输入您的昵称" />
						
						<label for="tel">联系电话</label>
						<input type="text" id="tel" placeholder="请输入您的联系电话" />
						
						<label for="email" >电子邮箱</label>
						<input type="text" id="email" placeholder="请输入您的电子邮箱" />
						
						<label for="tex">内容</label>
						<textarea id="tex"></textarea>						
						<button type="button">提交</button>						
					</form>
				</div>
			</div>
		</div>	
		<!--联系我们部分-->
		
		<!--尾部部分-->
		<div id="footer">
			<div class="tb">
				<span class="span-p">关注我们：</span>
				<span class="iconfont icon-weibo"></span>
				<span class="iconfont icon-qq"></span>
				<span class="iconfont icon-weixin"></span>			
			</div>
			<p>网站首页   • 新闻动态    •  关于我们   •   团队风采   •   联系我们   •   在线留言   </p>		
		</div>
		<div class="copy">
			<p>©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved</p>
		</div>
		<!--尾部部分-->
		
		
		<script type="text/javascript" src="js/swiper-4.2.2.min.js"></script>
		<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=b1d5638ebb2c733955ecb693676c397e"></script>
		<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
		<script type="text/javascript">
			 var mySwiper = new Swiper ('.swiper-container', {
				    loop: true,
				    
				    // 如果需要分页器
				    pagination: {
				      el: '.swiper-pagination',
				    },
				    
				    // 如果需要前进后退按钮
				    navigation: {
				      nextEl: '.swiper-button-next',
				      prevEl: '.swiper-button-prev',
				    },
				   
				    
				    // 如果需要滚动条
				    scrollbar: {
				      el: '.swiper-scrollbar',
				    },
				    autoplay:1500
  				})    

				
				
  				
  				
  				
		  var map = new AMap.Map('dt',{
            resizeEnable: true,
            zoom: 18,
            center: [113.320775,23.126137]
            
        	});
        	var marker = new AMap.Marker({
			    position: [113.320775,23.126137],
			    map:map
			});
        	
        	
        	
		</script>
		
	</body>
</html>
